<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<title>CSS基本选择器的使用</title>
		<style type="text/css">
			/*标签选择器*/
			span{
				font-size: 30px;
				color: red;
			}
			/*id选择器*/
			#p1{
				color: red;
			}
			#p2{
				color: blue;
			}
			#p3{
				color: gray;
			}
			#p4{
				color: green;
			}
			/*class选择器*/
			.class1{
				color: blueviolet;
				font-size: 20px;
			}
			.class2{
				color: burlywood;
				font-size: 16px;
			}
			
		
			
		</style>
	</head>
	<body>
		<h2>CSS基本选择器</h2>
		<ol>
			<li>标签选择器</li>
			<li>id选择器</li>
			<li>class选择器</li>
		</ol>
		
		<div>
			商品原价<span>9999</span>&yen;,打折后<span>99</span>&yen;
		</div>
		
		<h2>望庐山瀑布（李白）</h2>
		<p id="p1">
			日照香炉生紫烟,
		</p>	
		<p id="p2">
			遥看瀑布挂前川;
		</p>
		<p id="p3">
			飞流直下三千尺,
		</p>
		<p id="p4">
			疑是银河落九天。
		</p>
		
		
		
		<h2>静夜思</h2>
		<p class="class1">窗前明月光</p>
		<p class="class1">疑是地上霜</p>
		<p class="class2">举头望明月</p>
		<p class="class2">低头思故乡</p>
	</body>
</html>
